<template>
<!-- class="home" -->
  <div >
    <!-- <header-container :breadNavs="breadNavs"></header-container>
    <router-view v-on:viewIn = "viewIn"></router-view> -->
    <hover2></hover2>
  </div>
</template>
<style src="./home.css" type="text/css"></style>
<script>
import HeaderContainer from "@/Home/container/HeaderContainer/HeaderContainer";
import { storageOperation } from "@/common/common";

import HoverShow from '@/components/HoverShow/HoverShow';
import Hover from '@/components/HoverShow/Hover';
import Hover2 from '@/components/HoverShow/Hover2';


export default {
  name: "TestPage",
  // router  name 设置了也没有用
  components: {
    HeaderContainer,HoverShow,Hover,Hover2
  },

  data: function(){
    return {
      breadNavs: JSON.parse(storageOperation.getItem("breadNavs"))
    }
  },
  methods: {
    viewIn: function(msg) {
      this.breadNavs = msg;
    }
  }
};
</script>
